<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:o="http://openfaces.org/">

	
	<a4j:jsFunction
		name="zoomAux"
		oncomplete="doZoom()"
		rendered="#{interactiveViewerHelper.selectedZone != null}"
		reRender="zoomFun">
		<f:setPropertyActionListener
			target="#{interactiveViewerHelper.zoomedInZone}"
			value="#{interactiveViewerHelper.selectedZone}">
		</f:setPropertyActionListener>
	</a4j:jsFunction>
	
	<rich:toolBar height="20" itemSeparator="line">
		<rich:toolBarGroup>
			<h:outputText value="Zona seleccionada" />
		</rich:toolBarGroup>
		<rich:toolBarGroup>
			<h:outputText value="#{interactiveViewerHelper.selectedZoneText}" style="color:Red;" />
		</rich:toolBarGroup>
		<rich:toolBarGroup location="right">
			<o:commandButton type="button" onclick="zoomAux()">
				<rich:toolTip followMouse="true" direction="bottom-left" showDelay="500" styleClass="tooltip">
					<span style="white-space:nowrap">
						Ampliar
					</span>
				</rich:toolTip>
				<h:graphicImage width="16" height="16" value="/img/drag-rectangle-on.png" />
			</o:commandButton>
		</rich:toolBarGroup>
	</rich:toolBar>

</ui:composition>
